<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>选择学校</title>
    <link rel="stylesheet" href="css/schools.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/choose-object.js"></script>
</head>
<body>
   <div class="school-box">
        <div class="school-flows">
            <div class="school-f-1">第一步：选择校区</div>
            <div class="school-f-2">第二步：选择课程</div>
            <div class="school-f-3">第三步：确认订单</div>
            <div class="school-f-4">第四步：支付订单</div>
        </div>

       <div class="school-choose-box" >
           <div class="school-choose" th:each="schoolModel,iter:${schools}">
           		<a th:href="@{'/course/choose/' + ${schoolModel.school.id}}" >
           			<span th:text="${schoolModel.campus.title}">西安校区</span> <br />
           			<span th:text="${schoolModel.school.title}">长安大学</span> <br />
           			<span th:text="${schoolModel.start}">2018.5.28</span>-<span th:text="${schoolModel.end}">2018.6.29</span>
           		</a>
           </div>
       </div>

<!--遮罩及内容-->
       <div class="school-shade">
           <div class="statement-box">
               <div class="s-title">【NIAS暑校特别提示】</div>
               <div class="s-content">1、【特别提示】<br />
                   1.1、NAIS国际暑期学校官方网站同意按照本协议的规定及其不时发布的操作规则提供基于互联网以及移动网的相关服务， 为获取网络服务，服务使用人应当同意本协议的全部条款并按照页面上的提示完成全部的注册程序。用户在急性注册程序中点击“同意”按钮即表示用户完全接受本协议项下的全部条款。<br />
                   1.2、用户注册成功后，NAIS国际暑期学校官方网站将给予美国用户一个用户账号及相应的密码，该用户账户和密码由用户负责保管；用户应当对以其用户账号进行的所有活动和事件负法律责任。<br />
                   2、【违约赔偿】<br />
                   2.1、如因NAIS国际暑期学校官方网站违反有关法则，违规或本协议项下的任何条款而给用户造成损失，NAIS国际暑期学校官方网站同意承担由此造成的损害赔偿责任。<br />
                   2.2、用户同意保障和维护NAIS国际暑期学校官方网站及其它用户的利益，如因用户违反有关法律，法规或本协议项下的任何条款而给NAIS国际暑期学校官方网站或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。<br />
                   3、【通知送达】<br />
                   3.1、本协议项下NAIS国际暑期学校官方网站对于用户所有的通知均可通过网页公告，电子邮件，手机短信或常规的新建传送等方式进行；该等通知于发送至日视为已送达收件人。<br />
                   3.2、用户对于NAIS国际暑期学校官方网站的通知应当通过NAIS国际暑期学校官方网站对外正式公布的通信地址，传真号码，电子邮件地址等联系信息进行送达。<br />
                   4、【法律管辖】<br />
                   4.1、本协议的签订，执行和解释及争议的解决均应适用中国法律并受中国法院管辖。<br />
                   4.2、如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向 NAIS国际暑期学校官方网站所在地的人民法院提起诉讼。</div>

               <div class="s-button">
                   <div class="s-agree">同意</div>
                   <div class="s-disagree"><a href="http://www.naiseducation.com/">取消</a></div>
               </div>
           </div>
       </div>
   </div>
   <script>
       var s_agree=document.querySelector('.s-agree');
       var s_shade=document.querySelector('.school-shade');

       s_agree.onclick=function(){
           s_shade.style.display="none";
       }
   </script>

</body>
</html>